<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
  .box {
/* 内部大小 */
width: 0px;
height: 0px;
/* 边框大小 只设置两条边*/
border-top: #4285f4 solid;
border-right: transparent solid;
border-width: 85px;
/* 其他设置 */
margin: 50px;
}
</style>
<body>
<div class="box"></div>
</body>
<script>
// for (let i = 1; i <= 3; i++) {
//     }
//     let num = 10
//     function fn() {
//       const str = 'andy'
//       // str = 'lily'
//       console.log(str)
//     }
//     fn()
//     fn()
//     fn()
/*==============================⭐  ==============================*/
let a = 'Hello World!';
function first() {
console.log('Inside first function');
second();
console.log('Again inside first function');
}
function second() {
console.log('Inside second function');
}
first();
console.log('Inside Global Execution Context');
/*==============================⭐  ==============================*/
//   console.log('1');

// setTimeout(function() {
//  console.log('2');
//  new Promise(function(resolve) {
//   console.log('4');
//   resolve();
//  }).then(function() {
//   console.log('5');
//  });
// });

// new Promise(function(resolve) {
//  console.log('7');
//  resolve();
// }).then(function() {
//  console.log('8');
// });

//  setTimeout(async function() {
//  console.log('9');
//   await console.log(999);
//  console.log('10');

//  new Promise(function(resolve) {
//   console.log('11');
//   resolve();
//  }).then(function() {
//   console.log('12');
//  });
// });
</script>
</html>
